<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>会员消费统计</title>
		<link rel="stylesheet" type="text/css" href="css/tjbb.css"/>
	</head>
	<body>
		<div class="main_content">
			<div class="con_left">
				<div class="l-box">
					<a href="tjbb.html">机器消费统计</a>
				</div>
				<div class="l-box in">
					<a href="tjbb2.html">会员消费统计</a>
				</div>
				<div class="l-box">
					<a href="tjbb3.html">非会员网络单次消费统计</a>
				</div>
				<div class="l-box">
					<a href="tjbb4.html">微信订单统计</a>
				</div>
				<div class="l-box">
					<a href="tjbb5.html">支付宝订单统计</a>
				</div>
			</div>
			<div class="con_right fl">
				<div class="r_main">
					<div class="search">
						<span>条件查找<strong>|</strong></span>
						<div class="d-i-b vertical-top" id="distpicker5">
							<div class="s-one d-i-b">统计类型：
								<div class="f-inp-s d-i-b yeshu">
									<div>
										<select name='make'>
										    <option value='全部' selected>日统计</option>
										    <option value='处理中'>月统计</option>
										</select>
									</div>
									<div class="s_img">
										<img src="img/select.png"/>
									</div>
								</div>
							</div>
							<div class="s-one d-i-b">机器编号：
									<input type="text" name="" id="" value="" />
							</div>
							<div class="s-one d-i-b">统计日期：
								<input type="date" name="" id="" value="2017-12-01" />至
								<input type="date" name="" id="" value="2017-12-05" />
							</div>
							<div class="s-one d-i-b">
								<button class="btn-s">统计</button>
								<button class="daochu">Excel导出</button>
							</div>
						</div>
					</div>
					<header>会员消费统计</header>
					<div class="chart">
						<div id="container" style="width: 100%;height:100%;"></div>
					</div>
				</div>
			</div>
		</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/highcharts.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var chart = Highcharts.chart('container', {
		    chart: {
		        type: 'line'
		    },
		    title: {
		    	style:{
	                fontSize:'12px',
	            },
		        text: '2017-12-01至2017-12-05会员消费日走势'
		    },
		    
		    xAxis: {
		        categories: ['2017/11/1', '2017/11/2', '2017/11/3', '2017/11/4', '2017/11/5'],
				labels: {
//					rotation:-30
				},
		    },
		    yAxis: {
		        title: {
		            text: '消费金额(元)'
		        },
//		        tickPositions: [ 20, 40, 60, 80,100],
//		        tickPixelInterval: 30
				tickPixelInterval: 20,
    			tickInterval: 20	
		    },
		    plotOptions: {
		        line: {
		            dataLabels: {
		                enabled: true          // 开启数据标签
		            },
		            enableMouseTracking: false // 关闭鼠标跟踪，对应的提示框、点击事件会失效
		        }
		    },
		    series: [{
		        name: '东京',
		        data: [7.0, 6.9, 9.5, 14.5, 100.4]
		    }]
		});
		</script>
	</body>
</html>
